<header>
    <div class="tophead">
        <div class="logo">
            <a href="<%= themeConfig.domain %>">
                <img class="avatar" src="<%= themeConfig.domain %>/images/avatar.png?v=<%= site.utils.now %>" alt="" style="display: none">
                <%= themeConfig.siteName %></a>
            <p >
                <%- themeConfig.siteDescription %>
            </p>
        </div>
        <div id="mnav">
            <h2><span class="navicon"></span></h2>
            <ul>
                <% menus.forEach(function(menu) { %>
                    <% if (menu.openType === 'External') { %>
                    <li><a href="<%= menu.link %>" class="menu" target="_blank">
                            <%= menu.name %>
                        </a></li>
                    <% } else { %>
                    <li><a href="<%= menu.link %>" class="menu">
                            <%= menu.name %>
                        </a></li>
                    <% } %>
                <% }); %>

            </ul>
        </div>
        <nav class="topnav" id="topnav">
            <ul>
                <% menus.forEach(function(menu) { %>
                    <% if (menu.openType === 'External') { %>
                        <li><a href="<%= menu.link %>" class="menu" target="_blank">
                                <%= menu.name %>
                            </a></li>
                    <% } else { %>
                        <li><a href="<%= menu.link %>" class="menu">
                                <%= menu.name %>
                            </a></li>
                    <% } %>
                <% }); %>
                    <% ['github', 'twitter', 'weibo', 'zhihu', 'facebook'].forEach((item) => { %>
                        <% if (site.customConfig[item]) { %>
                            <a href="<%= site.customConfig[item] %>" target="_blank">
                                <i class="fab fa-<%= item %>"></i>
                            </a>
                        <% } %>
                    <% }) %>
            </ul>
        </nav>
    </div>
</header>
<div class="site-header" style="display: none">
    <div class="social-container">
        <% ['github', 'twitter', 'weibo', 'zhihu', 'facebook'].forEach((item) => { %>
        123123231
            <% if (site.customConfig[item]) { %>
                <a href="<%= site.customConfig[item] %>" target="_blank">
                    <i class="fab fa-<%= item %>"></i>
                </a>
            <% } %>
        <% }) %>
    </div>
</div>
